@charset "utf-8";
/* CSS Document */
/*Common style*/
.header{ width: 100%; height: 50px; position: relative; background:#f11c1c; box-sizing: border-box; padding: 10px 0px;}
.banner{ width: 100%; height:auto; position: relative; overflow: hidden;}
.nav{ 
	width: 100%;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: box;
	height: 86px;
	box-sizing: border-box;
	padding: 18px 0;
	background: #fff;
}
.section{ width: 100%; height: auto;}
.section>div{ width: 100%; box-sizing: border-box; margin-top: 10px; padding:0 !important; background: #fff;}
.section>div>p{ height: 49px; font-size:1.5em; border-bottom: solid 1px #E2E2E2; line-height: 50px; text-align: center;}
.section .content{
	width: 100%;
	padding: 10px 0;
	height:auto;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: box;
}
.footer{
	text-align: center;
	background: #fff;
}
.fix{
	height: 50px;
	width: 100%;
	position: fixed;
	position: -ms-device-fixed;
	left: 0px;
	bottom: 0px;
	border-top: solid 2px #DEDEDE;
	display:none;
}
.top{ width: 45px; height: 45px; position: fixed; bottom: 55px; right: 3px; background: url(/static/images/top.png) no-repeat; background-size: 100% 100%;}
.loading{ height: 50px; color: #A8A8A8; font-size: 18px; background: #F5F5F5 url(/static/images/loading.png) no-repeat center center; background-size:140px;}
.mask{
	width: 100%;
	height: 100%;
	background: rgba(0 , 0 , 0 , 0.3);
	position: absolute;
	top: 0px;
	left: 0px;
}
/*Common style*/

/*Global style */
.header .logo{ position: absolute; left: 10px; top: 5px;}
.header .logoT{ position: absolute; left: 50px; top: 11px;}
.header .hisA{ position: absolute; left: 10px; display: block; width: 30px; height: 28px; background: url(/static/images/ico-9.png) no-repeat; background-size: auto 100%;}
.header .logo img{ height: 38px; width: auto;}
.header .search{ width: 45%; height: 30px; margin: 0 auto; margin-left:33%; background: #F6F6F6; border-radius: 12px;}
.header .searchT{ margin-left: 30%;}
.header .search input:nth-of-type(1){ width: 20px; height: 20px; background: url(/static/images/search.png) no-repeat center center; background-size: 100% auto; margin-left: 6px; margin-top: 5px; }
.header .search input:nth-of-type(2){ width: 80%; height: 20px; line-height: 20px; margin-top: 5px; background: none;}
.header .menu{ position: absolute; right: 10px; height: 28px; width: 30px; top: 11px; background: url(/static/images/menu1.png) no-repeat; background-size: auto 100%;}

.section p em{ color: #FD7F47; font-size: 28px;}
.section .totic{
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display:box;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	box-pack:justify;
}
.section .totic>hgroup{ width: 48%; height: 110px; background: ;}
.section .totic>hgroup td{ position: relative; border: solid 1px #fff; overflow: hidden;}
.section .totic>hgroup td a{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.section .totic>hgroup td a img{ width: 100%; height: auto;}
.section .totic>hgroup h3{ height: 35px; line-height: 35px; text-align: center;font-size:16px;}

.section .love{ display: block;}
.section .love>div{ width: 48%; height:auto; float: left;}
.section .love>div:nth-child(odd){ margin-right: 4%; margin-bottom:0.5em;}
.section .love img{ width: 100%; height:auto; border-radius: 6px;}
.section .love p{ text-align: center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height:28px; line-height:28px;font-size:14px; }
.section .love p:nth-of-type(2) { white-space:nowrap; overflow:hidden;  }
.section .love p:nth-of-type(1) a{ color: #333;}
.section .love p:nth-of-type(2) a{ color: #999; font-size:14px; border-radius: 14px; padding:2px 6px; border: solid 1px #ddd;}

.section .groom{ display: none;}
.section .groom>div{
	border-top: solid 1px #E4E4E4;
	padding: 10px 0px;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: box;
}
.section .groom>div>a{ width: 33%; height:auto; display: block;}
.section .groom>div>a img{ width: 100%; height: 100%; border-radius: 4px;}
.section .groom .groomDiv{ width: 67%; height:auto; box-sizing: border-box; padding: 0px 10px;}
.section .groom .groomDiv div{ height:40px; line-height:40px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.section .groom .groomDiv div a{ color: #333; font-size:16px;}
.section .groom .groomDiv p{
	height:30px;
	line-height:30px;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.section .groom .groomDiv p a{ font-size:14px; color: #666; border-radius: 14px; padding:2px 6px; border: solid 1px #ddd;}


.footer .border{
	width: 100%;
	height: 3px;
	background: -webkit-linear-gradient(left , #FD5D2C 0 , #FB9F4B 50% , #FD5D2C 100%);
}
.footer { padding-bottom:20px; }
.footer a{ color: #666; font-size:1.4em; line-height:2em;}
.footer p { line-height:2em; margin-top:20px; }
.footer p a { font-size:1.2em; margin-right:0.5em; }

.fix{ background: #fff;}
.fix>div{
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display:box;
}
.fix>div a{ display: block; width: 20%; height: 50px; text-align: center; color: #666; line-height: 80px;}
.fix>div a:nth-of-type(1){ background: url(/static/images/fix-ico1.png) no-repeat center 5px; background-size: 24px 24px;}
.fix>div a:nth-of-type(2){ background: url(/static/images/fix-ico2.png) no-repeat center 5px; background-size: 24px 24px;}
.fix>div a:nth-of-type(3){ background: url(/static/images/fix-ico3.png) no-repeat center 5px; background-size: 24px 24px;}
.fix>div a:nth-of-type(4){ background: url(/static/images/fix-ico4.png) no-repeat center 5px; background-size: 24px 24px;}
.fix>div a:nth-of-type(5){ background: url(/static/images/fix-ico5.png) no-repeat center 5px; background-size: 24px 24px;}
.fix>div a:nth-of-type(1).active{ background: url(/static/images/fix-ico6.png) no-repeat center 5px; background-size: 24px 24px; color: #FD7B41;}
.fix>div a:nth-of-type(2).active{ background: url(/static/images/fix-ico7.png) no-repeat center 5px; background-size: 24px 24px; color: #FD7B41;}
.fix>div a:nth-of-type(3).active{ background: url(/static/images/fix-ico8.png) no-repeat center 5px; background-size: 24px 24px; color: #FD7B41;}
.fix>div a:nth-of-type(4).active{ background: url(/static/images/fix-ico9.png) no-repeat center 5px; background-size: 24px 24px; color: #FD7B41;}
.fix>div a:nth-of-type(5).active{ background: url(/static/images/fix-ico10.png) no-repeat center 5px; background-size: 24px 24px; color: #FD7B41;}

.menuList{ position: absolute; width: 70%; height:100%; box-sizing: border-box; padding: 0px 10px; background:#fff; z-index: 21; top: 0px; right: 0px; box-shadow: -1px 0px 5px #000;}
.menuList>div{ border-bottom: solid 1px #EDEDED; height: 55px; line-height: 55px; color: #666; text-indent: 60px; position: relative;}
.menuList>div em{ position: absolute; display: block; width: 8px; height: 14px; background: url(/static/images/ico-8.png) no-repeat; background-size: 100% 100%; top: 20px; right: 20px;}
.menuList div.logo-max{ height: 75px; background: url(/static/images/logo.png) no-repeat center center; background-size: auto 60%;}
.menuList>div:nth-of-type(2){ background: url(/static/images/menu-home1.png) no-repeat 20px center; background-size: 30px 30px;}
.menuList>div:nth-of-type(3){ background: url(/static/images/menu-text.png) no-repeat 20px center; background-size: 30px 30px;}
.menuList>div:nth-of-type(4){ background: url(/static/images/menu-wan1.png) no-repeat 20px center; background-size: 30px 30px;}
.menuList>div:nth-of-type(5){ background: url(/static/images/menu-off1.png) no-repeat 20px center; background-size: 30px 30px;}
.menuList div:hover:nth-of-type(2){background: url(/static/images/menu-home.png) no-repeat 20px center; background-size: 30px 30px; color: #FD7B41;}
.menuList div:hover:nth-of-type(3){background: url(/static/images/menu-text1.png) no-repeat 20px center; background-size: 30px 30px; color: #FD7B41;}
.menuList div:hover:nth-of-type(4){background: url(http://s.zuofan.cn/m/img/menu-wan.png) no-repeat 20px center; background-size: 30px 30px; color: #FD7B41;}
.menuList div:hover:nth-of-type(5){background: url(http://s.zuofan.cn/m/img/menu-off.png) no-repeat 20px center; background-size: 30px 30px; color: #FD7B41;}
.menuList div:hover:nth-of-type(3) em{ background: url(http://s.zuofan.cn/m/img/ico-7.png) no-repeat; background-size: 100% 100%; top: 20px; right: 20px;}
.menuList div:hover:nth-of-type(4) em{ background: url(http://s.zuofan.cn/m/img/ico-7.png) no-repeat; background-size: 100% 100%; top: 20px; right: 20px;}
.menuList div:hover:nth-of-type(5) em{ background: url(http://s.zuofan.cn/m/img/ico-7.png) no-repeat; background-size: 100% 100%; top: 20px; right: 20px;}

.indexList{ width: 100%; position: absolute; top: 0px; left: 0px; z-index: 31; background: #fff;}
.indexList .more-title{ height: 42px; line-height: 42px; font-size:18px; text-align: center; position: relative; background: #fff; z-index: 1; border-bottom: solid 1px #ddd; color: #666;}
.indexList .more-title em{ width: 13px; height: 15px; background: url(http://s.zuofan.cn/m/img/ico-9.png) no-repeat; background-size: 100% 100%; left: 10px; top: 13px; position: absolute;}
.indexList>div{
	min-height:500px;
	width: 100%;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: box;
	position: relative;
	overflow: hidden;
}
.indexList>div>div{ position: absolute;}
.indexList>div>div:nth-of-type(1){ width: 20%; left: 0px;}
.indexList>div>div:nth-of-type(2){ width: 80%; right: 0px;}
.indexList .minListLeft{ width: 100%;}
.indexList .minListLeft ul{ border-top: solid 1px #E2E2E2; border-bottom: solid 1px #E2E2E2;}
.indexList .minListLeft li{ height: 50px; text-align: center; line-height: 50px; font-size:14px; border-right: solid 1px #E2E2E2; border-bottom: solid 1px #E2E2E2; color: #666;}
.indexList .minListLeft li.active{ border-left: solid 2px #FD7B41; border-right: 0px; text-indent:-3px;}
.indexList .minListRight{ padding: 0px 20px;}
.indexList .minListRight p{ height: 40px; line-height: 40px; background: url(http://s.zuofan.cn/m/img/heng.png) repeat-x center center; position: relative; text-align: center; color: #999; font-size:16px;}
.indexList .minListRight p strong{ padding: 0 10px; height: 40px; line-height: 40px; background: #fff; margin: 0 auto;}
.indexList .minListRight .rList{
	width: 100%;
	overflow: hidden;
}
.indexList .minListRight .rList a{ width: 48%; height: 40px; margin-bottom: 10px; line-height: 40px; font-size:14px; text-align: center; color: #333; background: #F5F5F5; float: left;}
.indexList .minListRight .rList a:nth-child(odd){ margin-right: 4%;}

/*Global style */

/* 
 	index.css -- start
 */
.banner>div{ position: relative;}
.banner ul{ position: relative;}
.banner ul li{ float: left;}
.banner img{ width: 100%; height: auto;}
.banner ol{ position: absolute; bottom: 2px; width: 300px; height: 10px; left: 50px;}
.banner ol li{ width: 6px; height: 6px; margin: 0 5px; border-radius: 50%; background: #fff; float: left;}

.nav>div{ width: 25%; height: 100%; }
.nav>div a{ width: 50px; height: 50px; display: block; margin:0 auto; position: relative;}
.nav>div:nth-of-type(1) a{ background: url(/static/images/ico-1.png) no-repeat top center; background-size: 60% 60%;}
.nav>div:nth-of-type(2) a{ background: url(/static/images/ico-2.png) no-repeat top center; background-size: 60% 60%;}
.nav>div:nth-of-type(3) a{ background: url(/static/images/ico-3.png) no-repeat top center; background-size: 60% 60%;}
.nav>div:nth-of-type(4) a{ background: url(/static/images/ico-4.png) no-repeat top center; background-size: 60% 60%;}
.nav>div:nth-of-type(5) a{ background: url(/static/images/ico-5.png) no-repeat top center; background-size: 60% 60%;}
.nav p{ width: 150%; height:16px; line-height:16px; text-align: center; position: absolute; bottom: 2px; left: -25%; font-size:14px; color: #333; background: url(/static/images/ico-6.png) no-repeat right center; background-size: 4px auto;}
.nav>div:nth-of-type(5) a p{ background: none;}
/* 
 	index.css -- end
 */


/* 
 	category.css -- start
 */
.section>div.category{ margin-top: 0px;}
.section>div.category .content{ padding: 0px;}
.categoryGroup{ height: 40px; border-top: solid 1px #D3D3D3; position: relative; background: #F5F5F5; z-index:2; }
.categoryGroup .lb-menu { display:inline-block; width:20%; height:100%; float:left; text-align: center; line-height:40px; }
.categoryGroup .lb-menu a { display:block; font-size:14px; color:#B4B4B4;}
.categoryGroup .lb-menu:hover a { background: #FD7B41; color: #FFF } 
.categoryGroup .lb-menu.active a { background: #FD7B41; color: #FFF }
.categoryGroup p { display:inline-block; width:20%; height:100%; float:left; text-align: center; line-height:40px; }
.categoryGroup p a { display:block; width:100%; height:100%; line-height:40px; font-size:14px; color:#B4B4B4; vertical-align:middle;}
.categoryGroup p a img { display:inline-block; height:8px; width:16px; margin-left:3px; }
.categoryGroup div.center { display:inline-block; height: 100%; width:60%; float:left; background:#fff; }

.categoryGroup div.center .swiper-container { position:relative; width:100%; height:100%; background:#F5F5F5; overflow:hidden; }
.categoryGroup div.center .swiper-container .swiper-wrapper { position:absolute; white-space:nowrap; }
.categoryGroup div.center .swiper-container .swiper-slide { display:inline-block; line-height:40px; text-align:center; background:#F5F5F5; }
.categoryGroup div.center .swiper-container .swiper-slide.active a { background: #FD7B41; color: #FFF}
.categoryGroup div.center .swiper-container .swiper-slide:hover a { background: #FD7B41; color: #FFF}
.categoryGroup div.center .swiper-container .swiper-slide a { font-size:14px; color:#B4B4B4; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.categoryGrouptag h1{font-size:16px;display: inline;}



.section .categoryGrom>div:nth-of-type(1){ border-top: 0px;}
/* 
 	category.css -- end
 */

/* 
 	article.css -- start
 */
.articleImg img{height: 190px; width: 100%;}
.article{ padding: 0px 10px; margin-bottom: 10px; font-size:14px; background: #fff;}
.article .art-title{ padding: 5px 0; font-size:18px; line-height: 30px; border-bottom: solid 1px #E2E2E2;}
.article div{ line-height: 30px; font-size:16px;}

.article p{ line-height: 28px; font-size:16px; }
.article p.tips{line-height: 28px; font-size:16px; color: #b1b1b1; border-bottom: solid 1px #E2E2E2;}
.article p:last-of-type{ border-bottom: 0px;}
.text{ padding: 10px; color: #666; line-height: 28px}
.article p .articleEm1{ font-size: 20px; color: #666;}
.article p a { font-size:16px; margin-right:10px; color:#666; }
.article p .articleEm2{ font-size: 16px; height: 20px; line-height: 20px; margin-top: 11px; margin-left: 5px; border: solid 1px #E2E2E2; border-radius: 10px; padding: 0px 4px;}
.section .article{ padding: 0px; font-size:14px;}
.section .article div:first-of-type{ border-top: 0px;}
.section div .sectionArticleH2{ height: 49px; font-size:1.5em; border-bottom: solid 1px #E2E2E2; line-height: 50px; text-align: left; }
.section div .sectionArticleH2 a{ color: #666; display:inline-block; line-height:46px; font-size:18px;}
/* 
 	article.css -- end
 */
.search{ margin-top: 10px;}
.search h2{ height: 45px; line-height: 45px; text-align: center;}
/* 
 	search.css -- start
 */

/* 
 	search.css -- end
 */

/* 
 	foodindex.css -- start
 */
.food{ width: 100%; border-top: solid 1px #D8D8D8;}
.food h2{ border-bottom:  solid 1px #E2E2E2; background: #fff;}
.food h2 div{ width: 40%; height: 49px; line-height: 50px; letter-spacing: 3px; margin: 0 auto; position: relative; text-align: center;}
.food>div:nth-of-type(1) h2 div{ background: url(http://s.zuofan.cn/m/img/food-ico1.png) no-repeat left center; background-size: 23px 23px;}
.food>div:nth-of-type(2) h2 div{ background: url(http://s.zuofan.cn/m/img/food-ico2.png) no-repeat left center; background-size: 23px 23px;}
.food>div:nth-of-type(3) h2 div{ background: url(http://s.zuofan.cn/m/img/food-ico3.png) no-repeat left center; background-size: 23px 23px;}
.food>div:nth-of-type(4) h2 div{ background: url(http://s.zuofan.cn/m/img/food-ico4.png) no-repeat left center; background-size: 23px 23px;}
.food>div:nth-of-type(5) h2 div{ background: url(http://s.zuofan.cn/m/img/food-ico5.png) no-repeat left center; background-size: 23px 23px;}
.food>div:nth-of-type(6) h2 div{ background: url(http://s.zuofan.cn/m/img/food-ico6.png) no-repeat left center; background-size: 23px 23px;}
.food>div:nth-of-type(7) h2 div{ background: url(http://s.zuofan.cn/m/img/food-ico7.png) no-repeat left center; background-size: 23px 23px;}
.food>div:nth-of-type(8) h2 div{ background: url(http://s.zuofan.cn/m/img/food-ico8.png) no-repeat left center; background-size: 23px 23px;}
.food>div:nth-of-type(9) h2 div{ background: url(http://s.zuofan.cn/m/img/food-ico9.png) no-repeat left center; background-size: 23px 23px;}
.food>div:nth-of-type(10) h2 div{ background: url(http://s.zuofan.cn/m/img/food-ico10.png) no-repeat left center; background-size: 23px 23px;}
.food h2 em{ position: absolute; top: 20px; right: 4px;}
.food div ul{ padding: 10px; width: 100%; box-sizing: border-box; overflow: hidden;}
.food div ul li{ width: 32%; height: 40px; line-height: 40px; margin-right: 2%; margin-bottom: 10px; text-align: center; float: left; background: #fff;}
.food div ul li:nth-of-type(1) { background: #FD7B41; color: #fff;}
.food div ul li a{ color: #444;}
.food div ul li:nth-child(3n){ margin-right: 0px;}
/* 
 	foodindex.css -- end
 */

/* 
 	foodcategory.css -- start
 */
.foodImg{ width: 100%; height: 190px; position: relative;}
.foodImg img{ width: 100%; height: 100%;}
.foodImg hgroup { height: 75px; width: 100%; text-align: center; position: absolute; top: 60px; left: 0px; color: #FFF;}
.foodImg hgroup div{line-height: 45px; height: 45px;}
.foodImg hgroup div h1{ display: inline;}
.foodImg hgroup p{ line-height: 30px;}
.foodImg hgroup p strong{ padding: 0 4px; border-bottom: solid 1px #fff;}
.foodImg hgroup p a{ color: #fff;}
.section .foodArticle dt{ height: 50px; line-height: 50px; font-size: 18px; color: #333; text-align: center; border-bottom: solid 1px #E2E2E2;}
.section .foodArticle dd{ line-height: 16px; padding: 10px 0; color: #666;}
.section .foodcaipu dd{ padding: 10px 0;}
.section .foodcaipu dd>div{ width: 32%; height: 110px; float: left; margin-right: 2%;}
.section .foodcaipu dd>div img{ height:75px; width: 100%; border-radius: 6px;}
.section .foodcaipu dd>div:nth-child(3n){ margin-right: 0px;}
.section .foodcaipu dd>div p{ height: 35px; line-height: 24px; text-align: center;}
.section .foodcaipu dd>div p a{ color: #666;}
/* 
 	foodcategory.css -- end
*/

/* 
 	healthindex.css -- start
*/
.healthNav {
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	padding-bottom: 0px;
	background: #fff;
}
.healthNav a{ display: block; width: 32%; height: 42px; line-height: 42px; background: #F5F5F5; text-align: center; font-size: 1.3em; color: #333; margin-right: 2%; margin-bottom: 10px; float: left;}
.healthNav a:nth-child(3n){ margin-right: 0px;}
.healthSection{ margin-top: 10px;}
.healthSection h2{ width: 100%; background: #fff; height: 50px; line-height: 50px; text-indent: 10px; position: relative;}
.healthSection h2 a{ color: #333;}
.healthSection h2 em{ position: absolute; right: 30px; top: 18px;}
.healthSection .healthImg{ width: 100%; height: 190px;}
.healthSection>div{ margin-top: 0px; padding-bottom: 10px;}
.healthSection .groom>div:first-of-type{ border-top: 0px;}
/* 
 	healthindex.css -- end
*/

/* 
 	healthcategory.css -- start
*/
.healthCategoryS{ margin-top: 0px;}
/* 
 	healthcategory.css -- end
*/

.afterFix{  width:100%; box-sizing:border-box; height:1000px; float:right; background:#fff; position:absolute; top:40px; display:none; z-index:1; }
.afterFix a{ display:block; font-size:14px; width:32%; margin-right:2%; color:#333; float:left; margin-top:10px; text-align:center; box-sizing:border-box; border-radius:9px; border:solid 1px #f60; height:auto; padding:4px 0; line-height:26px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.afterFix a.active { background: #FD7B41; color: #FFF }
.afterFix a:nth-of-type(3n){ margin-right:0px;}


/*
change
*/
footer{
	height: auto !important;
}
.friend-links{
	padding: 10px;
}
.links-content dt{
  font-size: 24px;
  text-align: left;
	line-height: 2;
	border-bottom: solid 1px #ccc;
}
.links-content dd{
	text-align: left;
}
.links-content dd a{
	margin-right: 5px;
}








.tagnav{text-align: left;float: left;}
.tagnav h1{font-size: 14px;}

.tboxwap {
    margin: 0 0 8px 0;
    border-bottom: 1px solid #DADADA;
    overflow: hidden; 
}
.tboxwap dt {
    height: 40px;
    border: 1px solid #DADADA;
    overflow: hidden;
    clear: both;
}
.tboxwap dt strong {
    height: 40px;
    line-height: 40px;
    padding-left: 8px;
    padding-right: 4px;
    font-size:14px;
    display: block;
    float: left;
    color: #f60;
    letter-spacing: 1px;
}
.tboxwap dd {

    overflow: hidden;
}

.tags_list dd a {}




div#touch { min-height:750px !important; }

/*.article p img { width:auto; height:auto !important; margin-top:2em; }
.article div img { width:auto; height:auto !important; margin-top:2em; }*/

/*专题页*/
.zt-list { width:100%; height:3em; line-height:3em; border-bottom:1px solid #ddd; }
.zt-list h2 { font-size:1.2em; padding:0 1em; color:#333; }
.zt-list h2 a { float:right; color:#333; }
.nav-list { width:100%; height:auto; background:#fff; }
.nav-list>div { background:#fff; padding-top:0.5em; }
.nav-list h3 { width:96%; height:2em; line-height:2em; font-size:1em; margin:0.5em auto; border:1px solid #ddd; background:#fafafa; }
.nav-list h3 a { color:#333; margin-left:1em }
.nav-list ul { width:96%; margin:0 auto; }
.nav-list ul li { display:inline-block; float:left; margin-right:1em; height:1.8em; line-height:1.8em; font-size:0.9em; }
.nav-list ul li a { color:#666; }

/*专题详情页*/
.special-list { background:#fff; width:100%; height:auto; }
.special-list .sp-now { height:3em; line-height:3em; font-size:1em; color:#000; text-indent:1em; background:#eee; }
.special-list .sp-now a { color:#333; }
.special-list .sp-cont ul { width:96%; margin:0 auto; }
.special-list .sp-cont ul li { width:100%; height:auto; border-bottom:1px solid #ddd; padding:1em 0; }
.special-list .sp-cont ul li:last-child { border:0; }
.special-list .sp-cont ul li .sp-left { width:35%; height:auto; margin-right:3%; }
.special-list .sp-cont ul li .sp-left img { width:100%; height:auto; border-radius:0.5em; }
.special-list .sp-cont ul li .sp-right { width:62%; height:auto; }
.special-list .sp-cont ul li .sp-right h3 { width:100%; height:3em; line-height:3em; font-size:1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.special-list .sp-cont ul li .sp-right h3 a { color:#333; }
.special-list .sp-cont ul li .sp-right p { width:100%; line-height:1.5em; font-size:0.6em; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.special-list .sp-cont ul li .sp-right p a { color:#666; }
.special-list .sp-cont ul li .sp-right div { height:3em; line-height:3em; font-size:1em; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.special-list .sp-cont ul li .sp-right div a { color:#666; margin-right:1em; }

.page { margin-left:10px; }
.page li { display:inline-block; float:left; margin-bottom:10px; }
.page li a { color:#666; display:block; font-size:14px; height:20px; line-height:20px; padding:4px 10px; background:#fff; margin:0 5px; border:1px solid #ddd; border-radius:4px; }

.articleDiv { background:#fff; }
.articleDiv h3 { font-size:1.4em; line-height:3em; width:95%; margin:0 auto; text-indent:1em; }
.articleDiv .border{width: 100%;height: 3px;background: -webkit-linear-gradient(left , #FD5D2C 0 , #FB9F4B 50% , #FD5D2C 100%);}
.articleDiv div p { width:95%; margin:0 auto; padding:5em auto; font-size:1.2em; line-height:2em; }
.articleDiv div a { display:inline-block; font-size:1.2em; padding-left:10px !important; margin-right:1em; margin-bottom:1em; }

